<?php 
    if (!isset($_POST['pid'])){
        $_POST['pid'] =$_GET['pid'];
    }
    
    setcookie("misProyectos", 'proyectos', time()+100000,"/","");   

    include '../header.php';
    $plan = obtenerPlan($_POST['pid']); 
?>

        <title>Kinet | <?php echo $plan['titular'];?></title>
        <script languaje="javascript" src="../js/cargaGeografica.js"></script>
        <script languaje="javascript" src="../js/cargaPlanes.js"></script>
        
        <script>
            $(window).load(function(){
                $(function() {
                 $('#file-input').change(function(e) {
                     addImage(e); 
                    });

                    function addImage(e){
                     var file = e.target.files[0],
                     imageType = /image.*/;

                     if (!file.type.match(imageType))
                      return;

                     var reader = new FileReader();
                     reader.onload = fileOnload;
                     reader.readAsDataURL(file);
                    }

                    function fileOnload(e) {
                     var result=e.target.result;
                     $('#imgSalida').attr("src",result);
                    }
                   });
                   $('#cambiarImagen').modal(options);
                   $('#nuevaOferta').modal(options);
                   $('#formularioDenuncia').modal(options);
                   $('#modificarPlan').modal(options);
                   $('#miRol').modal(options);
                   $('#eliminarPlan').modal(options);
             });    
        </script>
        <style>
            .contenedorPlan {
                margin:0 auto;
                margin-bottom:10px;
                position:relative;
            }

            .arribaIzquierda {
                left:10px;
                top:10px;
            }
            
            .big {
                position:absolute;
                left:20px;
                top:70px;
                box-shadow:5px 5px 35px black;
            }
            .calendarioAux {
                position:absolute;
                width:100px;
                height:80px;
                font-size:28px;
                -webkit-transform: rotate(15deg);
                -moz-transform: rotate(15deg);
                filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=15);
                right:-10px !important;
                box-shadow:5px 5px 20px;
                text-align:center;
                font-weight:bold;
            }
        </style>
    </head>
    <body>
        <?php include '../menus/menuUsuario.php'; ?>
        <div id="principal">
            <?php 
                include 'pestanasProyecto.php'; 
                $caducado = false;
                if ( date("Y-m-d") > $plan['fecha'] ) { $caducado = true; }
            ?>
            <div class="contenedorPlan">
                    <div style="float:left;width:100%;height:250px;overflow:hidden;position:relative;cursor: pointer" title="<?php if ($_SESSION['uid'] == $plan['idUsuario']) { ?>Cambiar Imagen<?php } else { ?>Ver imagen<?php } ?>" data-toggle="modal" data-target="#cambiarImagen">
                
                    <img style="width:100%;" src="../<?php echo $plan['imagen']; ?>">
                    <?php if ($plan['finalizado']==1) { ?>
                        <div style="position:absolute;color:#ffe9e9;text-shadow:1px 1px 5px black;bottom:10px;right:10px;font-weight:bold;font-size:18px;">
                            El proyecto ha finalizado
                        </div>
                    <?php } elseif ($caducado) { ?>
                        <div style="position:absolute;color:red;text-shadow:1px 1px 5px black;bottom:10px;right:10px;font-weight:bold;font-size:18px;">
                            El proyecto ha comenzado
                        </div>
                    <?php } ?>
                    <div style="position:absolute;top:360px;text-align:center;left:50%;">
                    <?php 
                        if ($_GET['err']==1) {
                            $tipo=2;
                            $mensaje='<br>La imagen que has escogido es demasiado pesada, el tamaño máximo es de 500KB';
                            $cabecera='¡ERROR!';
                            aviso($cabecera, $mensaje, $tipo);
                        }

                        ?>
                    </div>
                </div>
                <div style="position:absolute;z-index:400">
                    <img class="thumb big" src="../<?php echo $plan['foto'] ?>">
                </div>
               
                <div style="float:left;width:100%;padding:10px;padding-top:30px;background-color:whitesmoke;position:relative;z-index:200">
                    <font style="font-size:35px;font-weight:bold;"><?php echo $plan['titular'];  ?></font><br>
                    <font style="font-size:18px;color:gray;">de 
                        <a style="font-size:18px;" onClick="javascript:document.verPerfil.submit();" href="#">
                            <?php 
                                if ($plan['nombreArtistico'] == "" ) { 
                                    echo $plan['nombreUsuario']." ".$plan['apellidos']; 
                                } else {
                                    echo $plan['nombreArtistico'];
                                }    
                            ?>
                        </a>
                    </font>
                    <?php if ($_SESSION['uid'] != $plan['idUsuario']) { ?>
                        <div class="denunciar abajo derecha" id="denunciarProyecto" data-toggle="modal" data-target="#formularioDenuncia" title="Denunciar Proyecto">
                            <i class="glyphicon glyphicon-flag"></i>
                        </div>
                    <?php } ?>
                </div>
                
                <div style="width:100%;padding:5px 10px 5px 10px;text-align:center;float:left;background-color:silver;color:white">
                    <?php echo "[ ".$plan['descripcionTipoPlan']." - ".$plan['descripcionSubTipoPlan']." ]"; ?>
                </div>
                
                <div style="float:left;width:100%;padding:10px;">

                <div style="width:100%;color:gray;">
                    <i class='glyphicon glyphicon-globe'></i> Comienza en <?php echo $plan['nombreMunicipio']." provincia de ".$plan['nombreProvincia']; ?></font>
                </div>

                <div style="min-height:87px;width:100%;padding:5px 10px 5px 0px;float:left;font-size:16px; text-align:justify">
                    <?php echo $plan['descripcion']; ?>
                </div>
                <div style="float:left;padding:0px;width:100%;">
                    <?php echo $plan['comentarioPlan']; ?>
                </div>

                </div>
                <?php if (miPlan($_POST['pid'],$_SESSION['uid'])){ ?>
                    <div style="width:100%;float:left;padding:10px 0px 10px 0px;text-align:center">
                        <div>
                            <?php
                            if (!$caducado){
                            ?>
                                <button style="width:120px;" class="btn btn-info boton" data-toggle="modal" data-target="#miRol">Mi Rol</button>
                                <button style="width:120px;" class="btn btn-info boton" href="#" data-toggle="modal" data-target="#modificarPlan">Modificar</button>
                                <button style="width:120px;" class="btn btn-info disabled boton" onClick="javascript:document.submit();">Finalizar</button>
                            <?php } else {?>
                                <button style="width:120px;" class="btn btn-info boton disabled" onClick="javascript:document.miRol.submit();">Mi Rol</button>

                                <?php if ($plan['finalizado'] == 1) { ?>
                                    <button style="width:120px;" class="btn btn-info boton disabled" onClick="javascript:document.modificarPlan.submit();">Modificar</button>
                                    <button style="width:120px;" class="btn btn-info boton disabled" onClick="javascript:document.finalizar.submit();">Finalizado</button>
                                <?php } else { ?>
                                    <button style="width:120px;" class="btn btn-info boton" data-toggle="modal" data-target="#modificarPlan">Modificar</button>
                                    <button style="width:120px;" class="btn btn-info boton " onClick="javascript:document.finalizar.submit();">Finalizar</button>
                                <?php } ?>
                            <?php } ?>

                       </div>
                    </div>
                    <div class="aspa arribaIzquierda" title="Eliminar Proyecto"  data-toggle="modal" data-target="#eliminarPlan">
                        <i class="glyphicon glyphicon-remove"></i>
                    </div>
                    
                    <form method="post" name="modificarPlan" action="modificarPlan.php">
                        <input type="hidden" name="pid" value="<?php echo $plan['idPlan']; ?>">
                        <input type="hidden" name="uid" value="<?php echo $_SESSION['uid']; ?>">
                    </form>
                
                    <form method="post" name="miRol" action="miRol.php">
                        <input type="hidden" name="pid" value="<?php echo $plan['idPlan']; ?>">
                        <input type="hidden" name="uid" value="<?php echo $_SESSION['uid']; ?>">
                    </form>

                    <form method="post" name="finalizar" action="../logic/finalizarProyecto.php">
                        <input type="hidden" name="pid" value="<?php echo $plan['idPlan']; ?>">
                    </form>
                <?php } ?>
                <div class="calendarioAux">
                    <div style="width:100%;height:50%;color:white;background-color:red;"><?php echo anyo($plan['fecha']) ?></div>
                    <div style="width:100%;height:50%;color:black;background-color:white;"><?php echo ltrim(dia($plan['fecha']),"0")." <font style='font-size:20px;'>".substr(mes($plan['fecha']),0,3)."</font>"; ?></div>
                </div>
                <div style="clear: both"></div>
            </div>
            
            <?php include 'muroProyecto.php' ?>
            <form method="get" action="../usuarios/perfil.php" name="verPerfil">
                <input type="hidden" name="uid" value="<?php echo $plan['idUsuario'] ?>">
            </form>
            <div style="clear: both"></div>
                
        </div>
        
        
        <?php 
            if ($plan['idUsuario'] != $_SESSION['uid']) {
                include'denunciarProyecto.php';
            } else {
                include'modificarPlan.php';
                include'miRol.php';
            } 
            include'cambiarImagen.php'; 
            include'ventanaEliminarPlan.php'; 
        ?>
        
            <?php include '../footer.php'; ?>
    </body>
</html>